<template>
  <el-row>
    <el-col :span="4">{{ chapter.sort }}</el-col>
    <el-col class="information-title" :span="10">
      {{ chapter.title }}
    </el-col>
    <el-col :offset="2" :span="8">{{ chapter.updateTime }}</el-col>
  </el-row>
</template>

<script>
export default {
  props: {
    chapter: {
      type: Object,
      required: true,
      default: () => {
        return {
          id: 0,
          sort: 1,
          title: 123123,
          updateTime: 2001 - 12 - 16,
        };
      },
    },
  },
};
</script>

<style scoped>
.information-title {
  display: block;
  text-overflow: ellipsis; /*超出内容用省略号*/
  overflow: hidden; /*内容超出后隐藏*/
  white-space: nowrap; /*文本不进行换行*/
}
</style>